<html>
<head>
<title>Yahoo! Mail</title>

<!-- Styles -->
<link REL="stylesheet" TYPE="text/css" HREF="styles.css" tppabs="http://us.f106.mail.yahoo.com/js/styles.css">

<SCRIPT>
<!--
var bLoad=false
var pureText=true
var bodyTag="<BODY MONOSPACE STYLE=\"font:10pt arial,sans-serif\">"
var bTextMode=false

public_description=new Editor

function Editor() {
  this.put_html=SetHtml;
  this.get_html=GetHtml;
  this.put_text=SetText;
  this.get_text=GetText;
  this.CompFocus=GetCompFocus;
}

function GetCompFocus() {
  Composition.focus();
}

function GetText() {
  return Composition.document.body.innerText;
}

function SetText(text) {
  text = text.replace(/\n/g, "<br>")
  Composition.document.body.innerHTML=text;
}

function GetHtml() {
  if (bTextMode) 
    return Composition.document.body.innerText;
  else {
    cleanHtml();
    cleanHtml();
    return Composition.document.body.innerHTML;
  }
}

function SetHtml(sVal) {
  if (bTextMode) Composition.document.body.innerText=sVal;
  else Composition.document.body.innerHTML=sVal;
}
// -->
</script>
</head>

<body onload="bLoad=true" STYLE="MARGIN: 0pt; PADDING-BOTTOM: 2pt; PADDING-LEFT: 2pt; PADDING-RIGHT: 2pt; PADDING-TOP: 2pt">
<div class="yToolbar" ID="ParaToolbar">
  <div class="TBHandle"></div>
  <select ID="ParagraphStyle" class="TBGen" TITLE="Paragraph Format" LANGUAGE="javascript" onchange="format('formatBlock',this[this.selectedIndex].value);this.selectedIndex=0">
    <option class="heading" selected>Paragraph
    <option value="Normal">Normal
    <option value="Heading 1">Heading 1 &lt;H1&gt;
    <option value="Heading 2">Heading 2 &lt;H2&gt;
    <option value="Heading 3">Heading 3 &lt;H3&gt;
    <option value="Heading 4">Heading 4 &lt;H4&gt;
    <option value="Heading 5">Heading 5 &lt;H5&gt;
    <option value="Heading 6">Heading 6 &lt;H6&gt;
    <option value="Address">Address &lt;ADDR&gt;
    <option value="Formatted">Formatted &lt;PRE&gt;
    <option style="COLOR: darkred" value="removeFormat">Remove Formatting</option> 
  </select>
  <select ID="FontName" class="TBGen" TITLE="Font Name" LANGUAGE="javascript" onchange="format('fontname',this[this.selectedIndex].value);this.selectedIndex=0">
    <option class="heading" selected>Font
	<option value=".VnArabiaH">.VnArabiaH
	<option value=".vntime">.vntime
    <option value="Arial">Arial
    <option value="Arial Black">Arial Black
    <option value="Arial Narrow">Arial Narrow
    <option value="Comic Sans MS">Comic Sans MS
    <option value="Courier New">Courier New
    <option value="System">System
    <option value="Times New Roman">Times New Roman
    <option value="Verdana">Verdana
    <option value="Wingdings">Wingdings</option>
  </select>
  <select ID="FontSize" class="TBGen" TITLE="Font Size" LANGUAGE="javascript" onchange="format('fontsize',this[this.selectedIndex].value);this.selectedIndex=0">
    <option class="heading" selected>Size
    <option value="1">1
    <option value="2">2
    <option value="3">3
    <option value="4">4
    <option value="5">5
    <option value="6">6
    <option value="7">7</option>
  </select>
  <div class="TBSep"></div>
</div>

<div class="yToolbar" ID="FormatToolbar">
  <div class="TBHandle"></div>
  <div class="Btn" TITLE="Cut" LANGUAGE="javascript" onclick="format('cut')">
    <IMG class=Ico src="cut.gif" tppabs="cut.gif">
  </div>
  <div class="Btn" TITLE="Copy" LANGUAGE="javascript" onclick="format('copy')">
    <IMG class=Ico src="copy.gif" tppabs="copy.gif">
  </div>
  <div class="Btn" TITLE="Paste" LANGUAGE="javascript" onclick="format('paste')">
    <IMG class=Ico src="paste.gif" tppabs="paste.gif">
  </div>
  <div class="TBSep"></div>
  <div class="Btn" TITLE="Bold" LANGUAGE="javascript" onclick="format('bold');">
    <IMG class=Ico src="bold.gif" tppabs="bold.gif">
  </div>
  <div class="Btn" TITLE="Italic" LANGUAGE="javascript" onclick="format('italic')">
    <IMG class=Ico src="italic.gif" tppabs="italic.gif">
  </div>
  <div class="Btn" TITLE="Underline" LANGUAGE="javascript" onclick="format('underline')">
    <IMG class=Ico src="under.gif" tppabs="under.gif">
  </div>
  <div class="TBSep"></div>
  <div class="Btn" TITLE="Foreground Color" LANGUAGE="javascript" onclick="foreColor()">
    <IMG class=Ico src="tpaint.gif" tppabs="tpaint.gif">
  </div>
  <div class="Btn" TITLE="Background Color" LANGUAGE="javascript" onclick="backColor()">
    <IMG class=Ico src="parea.gif" tppabs="parea.gif">
  </div>
  <div class="TBSep"></div>
  <div class="Btn" TITLE="Align Left" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyleft')">
    <IMG class=Ico src="aleft.gif" tppabs="aleft.gif">
  </div>
  <div class="Btn" TITLE="Center" NAME="Justify" LANGUAGE="javascript" onclick="format('justifycenter')">
    <IMG class=Ico src="center.gif" tppabs="center.gif">
  </div>
  <div class="Btn" TITLE="Align Right" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyright')">
    <IMG class=Ico src="aright.gif" tppabs="aright.gif">
  </div>
  <div class="TBSep"></div>
  <div class="Btn" TITLE="Numbered List" LANGUAGE="javascript" onclick="format('insertorderedlist')">
    <IMG class=Ico src="nlist.gif" tppabs="nlist.gif">
  </div>
  <div class="Btn" TITLE="Bulletted List" LANGUAGE="javascript" onclick="format('insertunorderedlist')">
    <IMG class=Ico src="blist.gif" tppabs="blist.gif">
  </div>
  <div class="TBSep"></div>
  <div class="Btn" TITLE="Decrease Indent" LANGUAGE="javascript" onclick="format('outdent')">
    <IMG class=Ico src="ileft.gif" tppabs="ileft.gif">
  </div>
  <div class="Btn" TITLE="Increase Indent" LANGUAGE="javascript" onclick="format('indent')">
    <IMG class=Ico src="iright.gif" tppabs="iright.gif" >
  </div>
  <div class="TBSep"></div>
  <div class="Btn" TITLE="Create Hyperlink" LANGUAGE="javascript" onclick="createLink()">
    <IMG class=Ico src="wlink.gif" tppabs="wlink.gif">
  </div>
</div>

<IFRAME class="Composition" width="100%" ID="Composition" style="HEIGHT: 269px; WIDTH: 777px">
</IFRAME>

<SCRIPT>
<!--
Composition.document.open();
Composition.document.write(bodyTag);
Composition.document.close();
Composition.document.designMode="On";
// -->
</SCRIPT>

<script LANGUAGE="Javascript" SRC="compose.js">
</script>

</body>
</html>
